<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>用户注册</h1>
		<form>
			用户名:<input type="text" id="nameInput" name="name" onfocus="txtfocus()" onblur="txtblur()" /><span id="nameInfo"></span><br />
			密码: <input type="password" id="passInput" name="passord" onfocus="txtfocus()" onblur="txtblur()" /><br />
			重复密码:<input type="password" id="passInput2" name="passord2" onfocus="txtfocus()" onblur="txtblur()" /><br />
			邮箱:<input type="email" onfocus="txtfocus()" onblur="txtblur()" /><br />
			电话号码:<input type="text" onfocus="txtfocus()" onblur="txtblur()" /><br />
			<input type="submit" value="注册" />
			<input type="reset" value="重置" />
		</form>
		
		
		<!--
			练习1
			编写一个注册页
			1. 电话号码框添加键盘事件 onkeydown
				让用户只能输入数字，不能输入非数字 ，且只能输入最高11位数字
			2. 给用户名框添加onchange事件，立即调用正则判断用户名是否符合要求，显示在输入框后面
			3. 给表单添加onsubmit事件，调用check（）对用户名密码等进行判断，
			   符合要求return true 不符合要求return false
		-->
		
		<script type="text/javascript">
			
				function txtfocus(){
					console.log("获得焦点");
					var obj = event.target;
					obj.style.background = "#ffff66";
				}
				function txtblur(){
					console.log("失去焦点");
					var obj = event.target;
					obj.style.background = "#ffffff";
				}
				
				
		</script>
	</body>
</html>
